草庐IT

css - 使 div 可滚动

全部标签

javascript - 使用 css3 和 jquery 分别动画缩放和旋转

更新和澄清我需要执行一些在图标上立即旋转(使用css3transform)的jquery。然后一旦图标旋转,我想设置动画并缩放到200%的大小。但是,由于缩放和旋转都是一个CSS3属性(转换),我看到这两个转换都作为0.5秒的动画发生。(在JQUERY代码中,我还更新了位置(顶部、左侧),但由于它不在transition:标记中,因此它会根据需要立即发生。我想要的是立即发生旋转,并在2秒内发生缩放。有什么想法吗?CSS:transition:transform0.5s;-webkit-transition:-webkit-transform0.5s;JQUERY:self.pick=f

javascript - 如何在父div中水平居中多个div

我正在尝试创建一个包含多个div的控件,并且所有div都是水平居中对齐的。如下所示。我能够使用float:leftcss属性float每个div。这给了这样的东西但是所有的div都留给了它们的父级。我有一个替代方案可以使用javascript来定位每个div,但我想使用css。是否可以使用css实现此目的。提前致谢 最佳答案 这可能会做你想做的事情:HTML:Element1Element2CSS:.child{display:inline-block;}.parent{text-align:center;}和thefiddle.

javascript - 如何捕获 div 的位置以便在页面重新加载时我可以拥有该位置

我想捕捉滚动捕捉区域的位置,如下图所示以便在页面重新加载任何其他情况时保留状态。$(function(){setInterval(function(){window.location.reload();},90000);});.container{width:600px;height:300px;//background:red;overflow-y:auto;font-size:18px;line-height:40px;padding-left:14px;position:relative;}.center-band{position:fixed;z-index:40;width:

javascript - 表单输入在 IE 中失去对滚动条单击的关注

我希望有人能帮助我。我知道这已经被讨论过here之前,但这个例子是原型(prototype),对我来说很陌生。我正在寻找严格的javascript或jquery解决方案。我有一个示例设置here.在FF中单击滚动条,您不会收到警报,但在IE中单击它,您会收到警报。请帮助我,谢谢! 最佳答案 经过一番搜索,我想出了thisanswer.据我所知,您实际上不能取消模糊事件,也不能同时调用焦点事件。这是我不明白的。你可以模糊焦点,但你不能模糊焦点。无论如何,我的解决方案是使用setTimeout函数在焦点丢失后1毫秒调用焦点事件。varo

javascript - CSS 样式未应用于 Internet Explorer 7 中的动态元素

当我们在IE7中使用Javascript渲染动态元素时,CSS样式不会被应用。当我们使用WebDeveloper工具栏查看页面时,动态元素不会出现。页面在Firefox、Chrome和Safari中呈现良好。IE7是否无法将CSS样式应用于动态创建的元素?IE8正确呈现动态元素。这个问题适用于IE8,因为我们使用元标记强制IE8在IE7模式下呈现。谢谢! 最佳答案 我们发现了问题:我们需要使用setAttribute('className','cssClass'),而不是在新元素上使用setAttribute('class','cs

javascript - 检测属性是否可以通过 CSS3 转换设置动画?

可以使用CSS3转换动画的属性列表在浏览器之间并不一致,并且可能会随着新浏览器版本的变化而变化。例如,-moz-transform在FF3.6中不能与-moz-transition一起设置动画,但在FF4中可以。那么,有没有一种方法可以在JavaScript中检测特定属性是否可以设置动画?我不想使用用户代理嗅探,因为它不可靠。提前致谢! 最佳答案 是的,有办法。下面是演示,下面是解释。其中涉及一些非常重要的注意事项,因此请务必继续阅读。以下代码将测试浏览器是否可以在两个值之间设置动画。代码jsFiddledemo./*@paramp

javascript - 包含外部 CSS 文件是否安全,或者是否会导致代码注入(inject)?

我正在开发一个客户将使用的网站,方法是将其嵌入到他们网站的iframe中。我想让他们能够自定义内容的样式,这样他们就可以使内容符合他们网站的风格。我的基本想法是让他们给我一个CSS文件的URL,我应该将其包含在我为他们提供的页面中以填充iframe。据我所知这是安全的,但我对CSS不是特别熟悉(尤其是较新的版本),所以我想验证一下。有没有什么方法可以让某人构建一个CSS文件,让他们将代码注入(inject)我的网站或以其他方式访问我的域的cookie之类的东西?这真的安全吗,还是我需要想出不同的解决方案? 最佳答案 不,这是不安全的

javascript - 使用Youtube API找到刚刚播放完的Youtube iframe的父div

我有这个功能:functiononPlayerStateChange(event){if(event.data==0){alert(event.target.parentNode);}});每次嵌入式iframe发生“状态更改”时都会调用它。它只会在视频结束时发出警报消息,并且accordingtothedocs,我可以通过调用event.target获取对播放器的引用但是,我希望能够找到event.target的父div但我无法调用它上面的任何jquery或常规javascript。如何找到刚刚结束的播放器的父div? 最佳答案

javascript - 如何停止页面滚动,同时......仍然允许滚动?

我正在使用PhoneGap制作移动应用程序。我有这个——functionpreventBehavior(e){e.preventDefault();};document.addEventListener("touchmove",preventBehavior,false);您知道如何通过拖动将页面拖离智能手机屏幕一小段距离,然后在您松开时它会立即弹出吗?你看到它后面全是黑色的?这就是此代码旨在防止的情况。确实如此。但它也会阻止所有标准滚动,例如滚动列表。有人知道解决方案吗? 最佳答案 适用于Cordova1.7+的简单解决方案在您的

javascript - jQuery:选择父div之外的下一个div

好吧,我觉得我错过了一些非常简单的东西,但这里是:此代码运行良好,完全符合我的要求。您单击该链接并显示下一个div(页面上大约有10个这样的div)$('a.addtask').click(function(){$(this).next('.field').slideToggle();returnfalse;});SomecontentAddatasksomeothercontent但是我想做的是像这样更改HTML(div内的链接):SomecontentAddatasksomeothercontent^^这不再正常工作了。我需要在我的jquery中更改什么才能使它工作?我已经在谷歌上